<template>
    <div id="app">
        <!-- 加载router里index.js里配置的一级router页面，如/和/login
         由于我们输入的是http://localhost:8866，所以其实就是访问path是/的路径，因此会跳转到/dashboard里，而beforeEach里又定义了规则-->
        <router-view></router-view>
    </div>
</template>
<!-- Vue支持直接用scss，在build时能够将它转换为css，不过这里style要改成<style lang="scss" scoped>
 scoped可以不写，scoped的意思是这里面的css只应用到当前component，同时js也是可以指定es版本如<script type="text/ecmascript-6">-->
<style>
    /*css里position的relative和absolute一般是结合float来做（absolute是的top，right等绝对定位属性生效），
    【如果元素是float的，那么position要设置为absolute，然后可以用top
    ，left等属性设置相对其父元素的绝对位置，注意兄弟节点必须都是float和absolute】

    即如果设置了float:left;（right之类的也行），则如果要令card是相对于container来绝对定位而不是相对其他兄弟节点的card
    来定位，则需要设置card的position:absolute和float:xx;，但是和container的position是否是relative是没有关系的（网上说有关系但是测试没有）
    那么这个时候card就不再是相对兄弟节点的其他card元素来进行相对定位了
    ，而是直接相对于container元素来定位，对于margin，top等属性的值也都是相对于container的位置（正常情况左上角）来定位的*/

    /*将这个文件include到这里来，应该是会应用到所有组件里【确实会，看下面的主题就知道了】*/
    @import "./assets/css/main.css";
    /*深色主题*/
    @import "./assets/css/color-dark.css";
    /*浅绿色主题*/
    /*@import "./assets/css/theme-green/color-green.css";*/
</style>